<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>教育查询系统</title>
  <link rel="stylesheet" href="styles/style02.css">
</head>
<body>
  <header class="header">
    <div class="container">
      <div class="header-left">
        <span class="system-icon">🎓</span>
        <h1 class="system-title">教育查询系统</h1>
      </div>
      <div class="header-right">
        <!-- 修正后的登出按钮，标签闭合完整 -->
        <a href="/logout" class="logout-btn">
          <i class="logout-icon">🚪</i>
          <span class="logout-text">登出</span>
        </a>
      </div>
    </div>
  </header>

  <main class="main-content">
    <a href="/teacher" class="function-card">
      <div class="function-icon">👨🏫</div>
      <div class="function-title">教师查询</div>
    </a>
    <a href="/student" class="function-card">
      <div class="function-icon">👩🎓</div>
      <div class="function-title">学生查询</div>
    </a>
    <a href="/class" class="function-card">
      <div class="function-icon">👥</div>
      <div class="function-title">班级查询</div>
    </a>
    <a href="/major" class="function-card">
      <div class="function-icon">📚</div>
      <div class="function-title">专业查询</div>
    </a>
  </main>
</body>
</html>